Cross Platform Android and iOS Apps With Appcelerator Titanium
It can be difficult to build applications for iOS and Android, because the two platforms are so different. Even though there are many solutions today for cross platform development on these platforms, many of the solutions either require you to use a single non-native user interface or create your user interface code multiple times. Appcelerator Titanium is an exciting way to build truly native Android and iOS applications using JavaScript which are able to reuse a large amount of code, even for the user interface. In this course, I'll take you through the process of getting setup with Appcelerator Titanium and fill you in on all the details of how exactly Titanium works and why it is so different than many other cross platform solutions. Throughout this course, we'll actually build a real mobile application that will run on both Android and iOS using Appcelerator Titanium and along the way learn about the platform and how to use it. We'll start off learning how to programmatically create a cross platform user interface in JavaScript and how to interact with the user interface and respond to events like button clicks. Then, we'll learn a bit about the different platform APIs that Titanium provides and how to expand our app to take into account multiple screens. After that, we'll learn about Alloy, a way to build Titanium applications using XML markup and style sheets using an MVC or Model View Controller approach, which can greatly simplify our code and make it much easier to design an application. Finally, in the last module, we'll tackle a few advanced concepts and learn about the awesome Titanium Cloud API, which allows us to create a full backend for our application without having to install any databases or design any complex schemas. So, if you are interested in cross platform application development and you'd like to see how you can build truly cross platform native applications using JavaScript, you'll definitely want to check out this course.
Introduction to Appcelerator | ![]() | 00:25:18 | |
| Introduction | ![]() | 01:17 | |
| Who This Course is For | ![]() | 01:17 | |
| Prerequisites | ![]() | 01:30 | |
| Course Overview | ![]() | 01:12 | |
| What is Appcelerator | ![]() | 01:13 | |
| About Titanium | ![]() | 01:19 | |
| How Titanium Works1 | ![]() | 02:37 | |
| Getting Titanium Studio | ![]() | 02:02 | |
| Titanium Studio | ![]() | 01:37 | |
| Setting up Android SDK | ![]() | 03:29 | |
| iOS SDK | ![]() | 01:20 | |
| Hello World iOS | ![]() | 03:28 | |
| Hello World Android | ![]() | 02:18 | |
| Up Next | ![]() | 00:39 | |
Creating a Basic UI | ![]() | 00:34:05 | |
| Introduction | ![]() | 01:00 | |
| The Protein Tracker | ![]() | 00:49 | |
| UIs in Titanium | ![]() | 01:27 | |
| Basic Controls | ![]() | 01:20 | |
| Creating The Project | ![]() | 01:30 | |
| Project Overview | ![]() | 04:50 | |
| First View Javascript | ![]() | 00:54 | |
| Designing Our Layout | ![]() | 02:06 | |
| Creating the Views | ![]() | 04:01 | |
| Creating a Label | ![]() | 02:04 | |
| Creating a Textfield | ![]() | 02:13 | |
| Adding a Button | ![]() | 01:22 | |
| Events | ![]() | 01:18 | |
| Responding to a Click | ![]() | 01:26 | |
| Adding Total | ![]() | 02:19 | |
| Updating the Total | ![]() | 01:26 | |
| Running on iOS | ![]() | 01:08 | |
| Exploring Kitchen Sink | ![]() | 02:10 | |
| Up Next | ![]() | 00:42 | |
Multiscreen Apps and Platform APIs | ![]() | 00:36:11 | |
| Introduction | ![]() | 01:06 | |
| Extending Protein Tracker | ![]() | 00:55 | |
| Basic Modals in Titanium | ![]() | 01:29 | |
| iOS Specific Navigation | ![]() | 01:17 | |
| Creating The Settings Screen | ![]() | 02:08 | |
| Launching The Settings Screen | ![]() | 02:49 | |
| Adding Controls | ![]() | 02:53 | |
| Settings | ![]() | 00:52 | |
| Adding Goal Display | ![]() | 01:32 | |
| Saving Goal Value | ![]() | 02:54 | |
| Loading The Goal | ![]() | 01:19 | |
| Updating When Closing Screen | ![]() | 02:00 | |
| Tab Basics | ![]() | 01:11 | |
| Creating Tabs | ![]() | 03:26 | |
| Creating a Custom Event | ![]() | 02:31 | |
| Getting Location | ![]() | 03:14 | |
| Testing on iOS | ![]() | 01:58 | |
| Camera and More | ![]() | 01:28 | |
| Up Next | ![]() | 01:09 | |
Using Alloy | ![]() | 00:40:50 | |
| Introduction | ![]() | 00:59 | |
| What is Alloy | ![]() | 01:33 | |
| MVC Refresher | ![]() | 01:26 | |
| How Alloy Works | ![]() | 01:53 | |
| Creating The Project | ![]() | 01:33 | |
| Project Structure | ![]() | 02:58 | |
| Alloy Views | ![]() | 01:05 | |
| Creating The View | ![]() | 03:58 | |
| Adding The Total View | ![]() | 01:12 | |
| Adding The Second Tab | ![]() | 01:34 | |
| Titanium Style Sheets | ![]() | 01:28 | |
| Creating The Style | ![]() | 06:16 | |
| Controllers | ![]() | 01:10 | |
| Making Add Work | ![]() | 03:02 | |
| Saving The Goal | ![]() | 01:12 | |
| Updating The Goal | ![]() | 03:44 | |
| Alloy on iOS | ![]() | 01:13 | |
| Platform Differences | ![]() | 02:18 | |
| More Alloy? | ![]() | 01:33 | |
| Up Next | ![]() | 00:43 | |
Advanced Concepts | ![]() | 00:39:24 | |
| Introduction | ![]() | 01:07 | |
| Modules | ![]() | 00:44 | |
| Marketplace Modules | ![]() | 02:40 | |
| Facebook Module | ![]() | 00:50 | |
| Adding Facebook Module | ![]() | 01:12 | |
| Adding Facebook Button | ![]() | 03:09 | |
| Testing Login | ![]() | 01:03 | |
| Creating A Post | ![]() | 02:37 | |
| Filesystem API | ![]() | 00:56 | |
| Adding Save and Load Buttons | ![]() | 00:58 | |
| Adding Save and Load | ![]() | 02:43 | |
| Testing Saving and Loading | ![]() | 00:57 | |
| Titanium Cloud Services | ![]() | 01:16 | |
| Creating Users | ![]() | 01:21 | |
| Enabling Cloud Services | ![]() | 01:12 | |
| Creating The User Tab | ![]() | 01:47 | |
| Adding Signup | ![]() | 01:49 | |
| Configuring Cloud Services | ![]() | 00:58 | |
| Signing Up | ![]() | 00:42 | |
| Adding Login | ![]() | 04:40 | |
| Testing Cloud Login | ![]() | 04:18 | |
| Cloud on iOS | ![]() | 01:28 | |
| The End | ![]() | 00:57 |

Introduction to Appcelerator











Creating a Basic UI
















Multiscreen Apps and Platform APIs















Using Alloy

















Advanced Concepts



















